---
import Nav from '../components/Nav.astro';
import BaseHead from '../components/Head/BaseHead.astro';
import BlogPost from '../components/BlogPost.astro';

const {all} = Astro.props;
const {title, description, update_at, hero, views, author, content} = all;

console.log({all});
---
<html lang='en'>
  <head>
    <BaseHead title={title} description={description} />
  </head>

  <body>
    <Nav />
    <main class="py-12 lg:py-20">
      <BlogPost title={title} hero={hero} date={update_at} views={views} author={author} content = {content}>
      </BlogPost>
    </main>
  </body>
</html>

